<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Shadow-Fox</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
        <canvas id="canvas1"></canvas>
        <img src="./src/img/player.png" alt="player"  id="player">
        <img src="./src/img/layer-1.png" id="layer1" layer="true">
        <img src="./src/img/layer-2.png" id="layer2" layer="true">
        <img src="./src/img/layer-3.png" id="layer3" layer="true">
        <img src="./src/img/layer-4.png" id="layer4" layer="true">
        <img src="./src/img/layer-5.png" id="layer5" layer="true">
        <img src="./src/img/enemy_fly.png" id="enemy_fly" >
        <img src="./src/img/enemy_plant.png" id="enemy_plant" >
        <img src="./src/img/enemy_spider_big.png" id="enemy_spider" >
        <img src="./src/img/fire.png" id="fire">
        <img src="./src/img/boom.png" id="boom">
        <img src="./src/img/heart.png" id="heart">
    <script type="module" src="./main.js"></script>
</body>


</html>
